<?php
include "koneksi.php";
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<title>Hubungi IBI</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="imagetoolbar" content="no" />
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
<script type="text/javascript" src="scripts/jquery-1.4.3.min.js"></script>
<script type="text/javascript" src="scripts/jquery.s3slider.js"></script>
<script type="text/javascript" src="scripts/jquery.s3slider.setup.js"></script>
<!-------------------------------------------------- API Google Map -------------------------------->
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script>
var map;
function initialize() {
latlng = new google.maps.LatLng(-7.276718423712787, 112.79066562652588)
myOptions = {
zoom: 16,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map"),myOptions)
var point = new google.maps.LatLng(-7.2766, 112.7915);
var marker = new google.maps.Marker({
position: point,
map: map
})
google.maps.event.addListener(marker, "click", function(){
bubble = new google.maps.InfoWindow({
content: '<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/v=xXY6dgA9NsQ?rel=0" frameborder="0"></iframe>'
})
bubble.open(map, marker);
})
}
</script>
<!-------------------------------------------------------------------------------------------------->
</head>
<body id="top" onload="initialize();">
<?php
include "menu.php";
?>

<!-- ####################################################################################################### -->
<div class="wrapper col3">
  <div id="breadcrumb">
    <ul>
      <li class="first">Anda Berada Disini</li>
      <li>&#187;</li>
      <li><a href="index.html">Beranda</a></li>
      <li>&#187;</li>
      <li><a href="">Tentang</a></li>
      <li>&#187;</li>
      <li class="current"><a href="contactus.html">Contact Us</a></li>
      <!-- <li>&#187;</li>
      <li class="current"><a href="login.html">Login</a></li> -->
    </ul>
  </div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col4">
  <div id="container">
	<h6><br>Hubungi Kami</br></h6>
    <p><br>Owner (Administrator) Portal Batik IBI</br><br>Jurusan Sistem Informasi</br><br>Kampus ITS, Jalan ITS Raya</br><br>Sukolilo, Surabaya, Jawa Timur</br><br></p>
    <ol>
		<li>Hani Rosdahlia (haniro2456@gmail.com)</li>
		<li>Ika Nurlaili I. (ichandatawa@gmail.com)</li>
		<li>M. Imam Ghazali (imam.ghazali7@gmail.com)</li>
    </ol>
	<br></br>
	<!----------------------------------Google Maps----------------------------------------------------------->
		<div id="map" style="width: 984px; height: 495px"></div>
	<!-------------------------------------------------------------------------------------------------------->
  </div>
</div>
<!-- ####################################################################################################### -->
<div class="wrapper col5">
  <div id="footer">
    <p class="fl_left">Copyright &copy; 2012 - All Rights Reserved - <a href="#">Istana Batik Indonesia</a></p>
    <!-- <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p> -->
    <br class="clear" />
  </div>
</div>
</body>
</html>
